<template>
  <!-- 搜索按钮栏 -->
  <el-col :span="6">
    <div class="grid-content bg-purple">
      <!-- 搜索栏 -->
      <el-input placeholder="请输入内容" v-model="query">
        <el-button slot="append" icon="el-icon-search" @click="search"></el-button>
      </el-input>
    </div>
  </el-col>
</template>
           
<script>
export default {
    data() {
        return {
            query: '',
        }
    },
    methods: {
        search(){
            this.$emit('funQuery',this.query)
        }
    },
};
</script>
<style scoped>
</style>